<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="../css/960.css" rel="stylesheet" type="text/css"/>
<link href="../css/webui.css" rel="stylesheet" type="text/css"/>
<link href="../css/icon-lib.css" type="text/css" rel="stylesheet"/>
<title>WebUI图标样例</title>
</head>
<body>
	<br/>
     <ul class="icon-list"> 
					<li><a href="#" class="ico-btn ico-text-basket opener tool-tip" title="Basket"><span>Basket</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-pic opener tool-tip" title="Picture"><span>Picture</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-like opener tool-tip" title="Like"><span>Like</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-cc opener tool-tip" title="Credit Card"><span>Credit Card</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-home opener tool-tip" title="Home"><span>Home</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-gear opener tool-tip" title="Gear"><span>Gear</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-profile opener tool-tip" title="Profile"><span>Profile</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-share opener tool-tip" title="Share"><span>Share</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-edit opener tool-tip" title="Edit"><span>Edit</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-print opener tool-tip" title="Print"><span>Print</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-shipping opener tool-tip" title="Shipping"><span>Shipping</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-invoice opener tool-tip" title="Invoice"><span>Invoice</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-phone opener tool-tip" title="Phone"><span>Phone</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-email opener tool-tip" title="Email"><span>Email</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-power opener tool-tip" title="Power"><span>Power</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-umbrella opener tool-tip" title="Umbrella"><span>Umbrella</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-chat opener tool-tip" title="Chat"><span>Chat</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-date opener tool-tip" title="Date"><span>Date</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-facebook opener tool-tip" title="Facebook"><span>Facebook</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-mobile opener tool-tip" title="Mobile"><span>Mobile</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-camera opener tool-tip" title="Camera"><span>Camera</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-twitter opener tool-tip" title="Twitter"><span>Twitter</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-money opener tool-tip" title="Money"><span>Money</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-form opener tool-tip" title="Form"><span>Form</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-trash opener tool-tip tool-tip" title="Delete"><span>Delete</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-film opener tool-tip" title="Film"><span>Film</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-zip opener tool-tip" title="ZIP"><span>ZIP</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-rss opener tool-tip" title="RSS"><span>RSS</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-database opener tool-tip" title="Database"><span>Database</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-brainstorm opener tool-tip" title="Brainstorm"><span>Brainstorm</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-bestseller opener tool-tip" title="Best Seller"><span>Best Seller</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-paint opener tool-tip" title="Paint"><span>Paint</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-collaborate opener tool-tip tool-tip" title="Collaborate"><span>Collaborate</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-signout opener tool-tip" title="Sign Out"><span>Sign Out</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-world opener tool-tip" title="World"><span>World</span></a></li> 
					<li><a href="#" class="ico-btn ico-text-category opener tool-tip" title="Category"><span>Category</span></a></li> 
				</ul> 
</body>
</html>
